<body>
    <div style="width: 100%; height: 100%; font-family: 'PingFang SC', sans-serif; background-color: darkgray">
        <div style="padding: 20px">
            <div style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); background-color: white">

                <div style="padding-left: 10px; padding-top: 8px; text-align: center; height: 80px;">
                    <img width="160px" height="80px" src="https://gitee.com/LittleSheeper/SpeedCode-Backend/raw/master/src/main/resources/static/assets/Logo/SpeedCode-Logo-B.png" alt="SpeedCode Logo">
                </div>
                <hr style="border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.9)); width: 90%">

                <div style="text-align: left; margin-left: 5%; font-family: Futura, sans-serif; font-size: 13px; width: 90%">
                    <span>Hey! <b>${USERNAME}</b></span> <br>
                    <span>Welcome join the SpeedCode community!</span> <br>
                    <span>We have been waiting for you for a long time.</span> <br>
                    <span>Hurry up! A train to Code World is about to leave!</span>
                </div>

                <div style="text-align: center; box-shadow: 0 0 5px #808080 inset; width: 90%; margin-left: 5%; margin-top: 20px; padding: 4px; background-color: lightgray">
                    <div style="padding-top: 2px"><span style="font-size: 20px; font-family: Optima, sans-serif">Your SpeedCode EmailCode</span></div>

                    <div style="padding-top: 7px; padding-bottom: 7px">
                        <span style="font-size: 25px; font-family: 'DIN Alternate', 'Helvetica Neue', sans-serif; color: dodgerblue"><b>${EMAIL_CODE}</b></span>
                    </div>
                </div>

                <div style="padding-bottom: 30px"></div>
            </div>

            <div style="padding-left: 10px; padding-top: 4px; font-size: 11px; color: gray">
                <span style="color: #303030">Copyright 2021 SmartSheep Studio | CodeCraft Group</span> <br>
                <span style="color: #303030">Thank you choose SpeedCode</span> <br>
                <span>SpeedCode is a OpenSource Project using APGL-v3 License</span> <br>
                <span>Welcome fork our repo</span> <br>
                <span><a style="color: #6e6e6e" href="mailto:smartsheep.codecraft@outlook.com">smartsheep.codecraft@outlook.com</a> is our official mail</span> <br>
            </div>
        </div>
    </div>
</body>
